<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<!--main content start-->
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <form>
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            立项信息
          </header>
          <div class="panel-body">
        
              <div class="bio-row">
                <p>
                  <span>项目编号</span>{{proNo}}</p>
              </div>
              <div class="bio-row" ng-if="showArea">
                <p>
                  <span>项目区域</span>{{proArea}}</p>
              </div>
              <div class="bio-row">
                <p>
                  <span>项目类型</span>{{proType}}</p>
              </div>
              <div class="bio-row" ng-if="showCus">
                <p>
                  <span>客户名称</span>{{cusName}}
                </p>
              </div>
              <div class="bio-row">
                <p>
                  <span>项目名称</span>{{proName}}</p>
              </div>
              <!--<div class="bio-row">-->
                <!--<p>-->
                  <!--<span>优先级 </span>{{lxLevel}}</p>-->
              <!--</div>-->

              <div class="bio-row">
                  <p>
                      <span>紧急性 </span>{{urgency}}</p>
              </div>
              <div class="bio-row">
                  <p>
                      <span>重要性 </span>{{importance}}</p>
              </div>

              <div class="bio-row">
                <p>
                  <span>预计比拼类测试 </span>{{isCompare}}</p>
              </div>
              <div class="bio-row" ng-if="showSign">
                <p>
                  <span>预签单日期 </span>{{divineSignDate}}</p>
              </div>
              <div class="bio-row" ng-if="showVersion">
                <p>
                  <span>预版本发布日期 </span>{{divineVersionTime | date:'yyyy-MM-dd'}}</p>
              </div>
              <!--<div class="bio-row" ng-if="showFinish">-->
                <!--<p>-->
                  <!--<span>预计完成日期 </span>{{divineFinishTime | date:'yyyy-MM-dd'}}</p>-->
              <!--</div>-->
              <div class="bio-row" ng-if="showHk">
                <p>
                  <span>预回款日期 </span>{{divineHkDate}}</p>
              </div>
              <div class="bio-row">
                <p>
                  <span>项目周期 </span>{{startTime | date:'yyyy-MM-dd'}}至{{endTime | date:'yyyy-MM-dd'}}</p>
              </div>
              <div class="bio-row line-row" ng-if="showHk">
                <p>
                  涉及产品线：</p>
                <p>{{deptNames}}</p>
              </div>
              <div class="bio-row line-row">
                <p>线索价值点描述</p>
                <p>{{clueDesc}}</p>
              </div>
              <div class="bio-row line-row">
                <p>客户决策链和关键客户描述</p>
                <p>{{cusPolicy}}</p>
              </div>
              <div class="bio-row line-row">
                <p>竞争信息</p>
                <p>{{competitor}}</p>
              </div>
              <div class="bio-row line-row">
                <p>立项说明</p>
                <p>{{lxDesc}}</p>
              </div>
            </div>
       
        </section>
        <section class="panel">
          <header class="panel-heading">
            审批结果
          </header>
          <div class="panel-body">
           
              <div class="bio-row">
                <p>
                  <span>项目经理</span>{{mgName}}</p>
              </div>
              <div class="bio-row" ng-if="isXS">
                <p>
                  <span>产品经理</span>{{pduName}}</p>
              </div>
              <div class="bio-row" ng-if="isXS">
                <p>
                  <span>交付经理</span>{{delName}}</p>
              </div>
              <div class="bio-row" ng-if="isXS">
                <p>
                  <span>销售经理</span>{{selName}}</p>
              </div>
              <div class="bio-row">
                <p>
                  <span>项目优先级</span>{{proLv}}
                </p>
              </div>
              <div class="bio-row line-row">
                <p>审批意见</p>
                <p>{{opinMsg}}</p>
              </div>
            </div>

        </section>
        <section class="panel tarhideproin" style="display: none;">
          <header class="panel-heading add-heading">
            目标信息
          </header>
          <div class="panel-body">
          
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">项目目标<span>*</span></label>
                <div class="col-sm-10">
                  <textarea class="form-control"  maxlength="120"  id="proTarget"></textarea>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">完成时间<span>*</span></label>
                <div class="col-sm-10">
                  <input type="text" id="tarFinishTime" value="" class="form-control">
                </div>
              </div>
  
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="tarhideproin();">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-info targetSubmit">提交</a>
            </p>
          </div>
        </section>
        <section class="panel tarhideprobox">
          <header class="panel-heading add-heading">
            项目目标
            <i class="add-icon icon-plus" onclick="showtarget();"> 新增</i>
          </header>
          <div class="panel-body bio-graph-info">
            <div id="targetContainer" class="dlshouwen-grid-container"></div>
          </div>
        </section>

        <section class="panel hideproin" style="display: none;">
          <header class="panel-heading add-heading">
            指标信息
          </header>
          <div class="panel-body">
         
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">指标名称<span>*</span></label>
                <div class="col-sm-10">
                  <input type="text" value="" id="wntyName" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">指标描述<span>*</span></label>
                <div class="col-sm-10">
                  <textarea class="form-control"  maxlength="120"  id="wntyDesc"></textarea>
                </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">完成时间<span>*</span></label>
                <div class="col-sm-10">
                  <input type="text" id="finishTime" value="" class="form-control">
                </div>
              </div>
       
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideproin();">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-info warnSubmit">提交</a>
            </p>
          </div>
        </section>
        <section class="panel hideprobox">
          <header class="panel-heading add-heading">
            项目指标
            <i class="add-icon icon-plus" onclick="showproin();"> 新增</i>
          </header>
          <div class="panel-body bio-graph-info">
            <div id="proinContainer" class="dlshouwen-grid-container"></div>
            <div id="proinToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>
        <section class="panel hideprobox">
          <header class="panel-heading">
            商务预测
          </header>
          <div class="panel-body bio-graph-info">
        
              <div class="form-group customerForm" ng-if="showMoney">
                <label class="col-sm-2 control-label">销售额</label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" value="" min="0" certus-required name="divineMoney" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm" ng-if="showBudget">
                <label class="col-sm-2 control-label">客户预算</label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" value="" min="0" certus-required name="cusBudget" class="form-control">
                </div>
              </div>
              <hr/>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">客户交际费用</label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" value="" min="0" certus-required name="divineContactMoney" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                  <label class="col-sm-2 control-label">使用周期*</label>
                  <div class="col-sm-10">
                      <div class="row">
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="ctStartTime" name="ctStartTime" placeholder="开始日期">
                          </div>
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="ctEndTime" name="ctEndTime" placeholder="结束日期">
                          </div>
                      </div>
                  </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">交际费用说明</label>
                <div class="col-sm-10">
                  <input type="text" name="dcMoneyDesc"  value="" class="form-control">
                </div>
              </div>
              <hr/>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">差旅费用</label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" value="" min="0" certus-required name="divineBusinessMoney" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                  <label class="col-sm-2 control-label">使用周期*</label>
                  <div class="col-sm-10">
                      <div class="row">
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="bsStartTime" name="bsStartTime" placeholder="开始日期">
                          </div>
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="bsEndTime" name="bsEndTime" placeholder="结束日期">
                          </div>
                      </div>
                  </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">费用说明</label>
                <div class="col-sm-10">
                  <input type="text" name="dbMoneyDesc" value="" class="form-control">
                </div>
              </div>
              <hr/>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">采购费用</label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" value="" min="0" certus-required name="divinePurchaseMoney" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                  <label class="col-sm-2 control-label">使用周期*</label>
                  <div class="col-sm-10">
                      <div class="row">
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="phStartTime" name="phStartTime" placeholder="开始日期">
                          </div>
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="phEndTime" name="phEndTime" placeholder="结束日期">
                          </div>
                      </div>
                  </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">费用说明</label>
                <div class="col-sm-10">
                  <input type="text" name="dpMoneyDesc" value="" class="form-control">
                </div>
              </div>
       
          </div>
        </section>

          <section class="panel hiderl" style="display: none;">
              <header class="panel-heading">
                  人天预估
              </header>
              <div class="panel-body">

                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">角色*</label>
                      <div class="col-sm-10">
                          <select name="rluserName" id="rluserName" class="form-control">
                              <option value="">请选择</option>
                              <option ng-repeat="d in rlList" value="{{d.roleId}}">{{d.roleName}}</option>
                          </select>
                      </div>
                  </div>
                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">级别*</label>
                      <div class="col-sm-10">
                          <select name="rtMoney" class="form-control" id="rtMoney">
                              <option value="1">低</option>
                              <option value="2">中</option>
                              <option value="3">高</option>
                          </select>
                      </div>
                  </div>

                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">周期*</label>
                      <div class="col-sm-10">
                          <input id="rlBeginTime" name="rlBeginTime" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" placeholder="开始日期"
                                 type="text" value="" style="width: 48%;" class="form-control">
                          <input id="rlEndTime" name="rlEndTime" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');"
                                 type="text" placeholder="结束日期" style="width:48%;position:absolute;left: 50%;bottom: 0px;" value=""
                                 class="form-control">
                      </div>
                  </div>
                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">说明</label>
                      <div class="col-sm-10">
                <textarea class="form-control" id="rlComments" autocomplete="off" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');"
                          maxlength="120" placeholder="字数限制(120字以内)"></textarea>
                      </div>
                  </div>
                  <p class="default-buttons">
                      <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideRl();">取消</a>
                      <a href="javascript:void(0);" class="button-next  btn btn-info rlSubmit">提交</a>
                  </p>
              </div>
          </section>
          <section class="panel hideprobox">
              <header class="panel-heading add-heading">
                  人天预估
                  <i class="add-icon icon-plus" onclick="showRl();"> 新增</i>
              </header>
              <div class="panel-body bio-graph-info">
                  <div id="rlContainer" class="dlshouwen-grid-container"></div>
                  <div id="rlToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
              </div>
          </section>


          <section class="panel wjhider" style="display: none;">
              <header class="panel-heading">
                  文件信息
              </header>
              <div class="panel-body">

                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">文件*</label>
                      <div class="col-sm-10">
                          <select name="wjName" id="wjName" class="form-control">
                              <option value="">请选择</option>
                              <option ng-repeat="d in wjList" value="{{d.productCode}}">{{d.productName}}</option>
                          </select>
                      </div>
                  </div>

                  <div class="form-group customerForm">
                      <label class="col-sm-2 control-label">说明</label>
                      <div class="col-sm-10">
                <textarea class="form-control" id="wjComments" autocomplete="off" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');"
                          maxlength="120" placeholder="字数限制(120字以内)"></textarea>
                      </div>
                  </div>
                  <p class="default-buttons">
                      <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideWj();">取消</a>
                      <a href="javascript:void(0);" class="button-next  btn btn-info wjSubmit">提交</a>
                  </p>
              </div>
          </section>
          <section class="panel hideprobox">
              <header class="panel-heading add-heading">
                  涉及文件
                  <i class="add-icon icon-plus" onclick="showWj();"> 新增</i>
              </header>
              <div class="panel-body bio-graph-info">
                  <div id="wjContainer" class="dlshouwen-grid-container"></div>
                  <div id="wjToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
              </div>
          </section>

        <section class="panel hideother" style="display: none;">
          <header class="panel-heading add-heading">
            费用信息
          </header>
          <div class="panel-body">
          
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">预算金额<span>*</span></label>
                <div class="col-sm-10">
                  <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" min="0" value="" id="bugetMoney" class="form-control">
                </div>
              </div>
              <div class="form-group customerForm">
                  <label class="col-sm-2 control-label">使用周期*</label>
                  <div class="col-sm-10">
                      <div class="row">
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="oStartTime" name="oStartTime" placeholder="开始日期">
                          </div>
                          <div class="col-lg-6">
                              <input type="text" class="form-control" certus-required id="oEndTime" name="oEndTime" placeholder="结束日期">
                          </div>
                      </div>
                  </div>
              </div>
              <div class="form-group customerForm">
                <label class="col-sm-2 control-label">事由<span>*</span></label>
                <div class="col-sm-10">
                  <textarea class="form-control" id="comments" onkeyup="this.value=this.value.replace(/(^\s+)|(\s+$)/g,'');" maxlength="120" placeholder="字数限制(120字以内)"></textarea>
                </div>
              </div>
        
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideother();">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addOtherMoney()">提交</a>
            </p>
          </div>
        </section>
        <section class="panel hideprobox">
          <header class="panel-heading add-heading">
            其他费用
            <i class="add-icon icon-plus" onclick="showother()"> 新增</i>
          </header>
          <div class="panel-body bio-graph-info">
            <div id="otherContainer" class="dlshouwen-grid-container"></div>
            <div id="otherToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <input type="hidden" value="{{proId}}" id="proId" name="proId"/>
        <input type="hidden" value="{{lxId}}" id="lxId" name="lxId"/>
        <section class="panel">
          <div class="panel-body">
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success submit">确认提交</a>
            </p>
          </div>
        </section>

          <section class="panel">
              <div class="panel-heading">
                  审批记录
              </div>
              <div class="panel-body">
                  <ul class="tp-ulst" id="containerUl">
                      <li>
                          <span>人员姓名</span><span>修改时间</span><span>处理结果</span>
                      </li>
                  </ul>
              </div>
          </section>
      </div>
    </div>
    </form>
  </section>
</section>
  <!-- 当前页面js文件引入 -->
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="js/project/edit/lxSwyc.js"></script>
<script src="js/project/edit/lxNodes.js"></script>
<script>
    $('#ctStartTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $("#ctEndTime").datepicker({
        format: 'yyyy-mm-dd'
    });
    $('#bsStartTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $("#bsEndTime").datepicker({
        format: 'yyyy-mm-dd'
    });

    $('#phStartTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $("#phEndTime").datepicker({
        format: 'yyyy-mm-dd'
    });

    $('#finishTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $("#tarFinishTime").datepicker({
        format: 'yyyy-mm-dd'
    });

    $('#oStartTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $("#oEndTime").datepicker({
        format: 'yyyy-mm-dd'
    });
    $('#rlBeginTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $('#rlEndTime').datepicker({
        format: 'yyyy-mm-dd'
    });
</script>